<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>

<body>

<!--头部基本信息 顶部基本信息、菜单栏、购物车标签等。。。begin-->
<header>
    <div class="header_top">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-lg-4 col-md-5">
                    <div class="header_contact_info">
                        <ul>
                            <li><a href="#"><i class="icon-call-in"></i> (+800)123456789</a></li>
                            <li><a href="#"><i class="icon-envelope"></i> kh91@kgc.com</a></li>

                        </ul>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="header_free_shipping">
                        <p></p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-7" style="padding-right: 50px">
                    <div class="language_currency text-right" >
                        <ul>
                            <!--<li><a href="#"><i class="icon-shuffle"></i>个人中心</a></li>-->
                            <li class="account" ><a href="#"><i class="icon-user"></i> 个人中心 <i class="icon-right ion-ios-arrow-down"></i></a>
                                <ul class="dropdown_currency">
                                    <li><a href="my-account.jsp">个人资料</a></li>
                                    <li><a href="wishlist.jsp">愿望单</a></li>
                                    <li><a href="cart.jsp">购物车</a></li>
                                    <li><a href="login.jsp">退出登录</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main_header header_two color_two">
        <div class="header_middle sticky-header">
            <div class="container-fluid">
                <div class="row align-items-center">
                    <div class="col-lg-4 singinup_col">
                        <div class="header_singinup">
                            <ul>
                                <li><a href="login.jsp"><i class="icon-login icons"></i>Sign in</a></li>
                                <li><a href="login.jsp">Sign Up</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-3 offset-md-5 offset-lg-0 col-5 offset-3 col-sm-5">
                        <div class="logo">
                            <a href="index.jsp"><img src="assets/img/logo/logo.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-4">
                        <div class="header_account_area">
                            <!--搜索栏-->
                            <div class="header_account_list search_list">
                                <a id="byName" href="javascript:void(0)"><i class="icon-magnifier icons"></i></a>
                                <div class="dropdown_search">
                                    <form id="search"  action="#">
                                        <input placeholder="请输入您要查询商品" type="text">
                                        <button type="submit"><i class="icon-magnifier icons"></i></button>
                                    </form>
                                </div>
                            </div>
                            <script>
                                $(function (){
                                    $("#byName").click(function (){
                                        $(".dropdown_search").css("display","block");
                                        return false;
                                    })
                                    // $("#byName").toggle(function (){
                                    //     $(".dropdown_search").css("display","block");
                                    //     alert("出现")
                                    // },function (){
                                    //     alert("小事")
                                    //     }
                                    // )
                                })

                            </script>
                            <!--收藏数量-->
                            <div class="header_account_list">
                                <a href="wishlist.jsp"><i class="icon-heart"></i>
                                    <span class="item_count">3</span>
                                </a>
                            </div>
                            <!--购物车数量-->
                            <div class="header_account_list  mini_cart_wrapper">
                                <a href="javascript:void(0)"><i class="icon-bag"></i>
                                    <span class="item_count">2</span>
                                </a>
                                <!--小型购物车 begin-->
                                <div class="mini_cart">
                                    <div class="cart_gallery">
                                        <!-- 购物车---一个产品  begin-->
                                        <div class="cart_item">
                                            <div class="cart_img">
                                                <a href="#"><img src="assets/img/product/pro5_1.webp"alt=""></a>
                                            </div>
                                            <div class="cart_info">
                                                <a href="#">Juicy Couture Tricot</a>
                                                <p>1 x <span> ￥300.00 </span></p>
                                            </div>
                                            <div class="cart_remove">
                                                <a href="#"><i class="ion-ios-close-outline"></i></a>
                                            </div>
                                        </div>
                                        <!-- 购物车---一个产品  end-->
                                        <div class="cart_item">
                                            <div class="cart_img">
                                                <a href="#"><img src="assets/img/product/pro4_1.webp" alt=""></a>
                                            </div>
                                            <div class="cart_info">
                                                <a href="#">Juicy Couture Juicy</a>
                                                <p>1 x <span> ￥600.00 </span></p>
                                            </div>
                                            <div class="cart_remove">
                                                <a href="#"><i class="ion-ios-close-outline"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mini_cart_table">
                                        <div class="cart_table_border">
                                            <div class="cart_total">
                                                <span>共计:</span>
                                                <span class="price">￥899.00</span>
                                            </div>
                                            <div class="cart_total mt-10">
                                                <span>总计:</span>
                                                <span class="price">￥855.00</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mini_cart_footer">
                                        <div class="cart_button">
                                            <a href="cart.jsp"><i class="fa fa-shopping-cart"></i> View cart</a>
                                        </div>
                                        <div class="cart_button">
                                            <a href="checkout.html"><i class="fa fa-sign-in"></i> Checkout</a>
                                        </div>

                                    </div>
                                </div>
                                <!--小型购物车 end-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header_bottom">
            <div class="col-lg-8 offset-lg-2">
                <!--菜单栏 begin-->
                <div class="main_menu menu_two">
                    <nav>
                        <ul>
                            <li><a class="active"  href="index.jsp">首页</a>

                            </li>
                            <li class="mega_items"><a href="/selectAll">商店</a>

                            </li>
                            <li><a href="#">博客<i class="fa fa-angle-down"></i></a>
                                <ul class="sub_menu pages">
                                    <li><a href="#">博客细节</a></li>
                                    <li><a href="#">博客内容</a></li>
                                    <li><a href="#">博客设置</a></li>
                                </ul>
                            </li>
                            <li><a href="#"> 联系我们</a></li>
                            <li><a href="about.html"> </a></li>
                            <li><a class="active" href="#"> 关于详情 <i class="fa fa-angle-down"></i></a>
                                <ul class="sub_menu pages">
                                    <li><a href="about.html">关于我们</a></li>
                                    <li><a href="login.jsp">登录</a></li>

                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
                <!--菜单栏 end-->
            </div>
        </div>
    </div>
</header>
<!--头部基本信息 顶部基本信息、菜单栏、购物车标签等。。。end-->
</body>
</html>
